$(function(){
    var guanwang={
        data:{
            class_data:null,
            class3_ID:"",
            class4_ID:"",
            page_number:1
        },
        event:function () {
            var that=this;
            $(".class_1").on("click","li",function () {
               var ethat=this;
                var class2_string='';
                that.data.class3_ID="";
                that.data.class4_ID="";
                that.data.page_number=1;
                $.each(that.data.class_data,function(i,o){
                    if(o.id==$(ethat).attr("data-c1")){
                        $.each(o.cate_by_list,function (i,o) {
                            class2_string+='<li data-c2="'+o.casusId+'">'+o.casusTitle+'</li>';
                        });
                        return false;
                    }

                });
                $(".class_2>ul").empty().append(class2_string);
                $(".class_2>ul>li:first").addClass("hover");
                $(".class_1 li").removeClass("hover");
                $(this).addClass("hover");

                //案例请求
                JsonP({
                    url:guanwangID+"index.php?s=home/Casus/listCasusQuery",
                    data:{
                        nId:$(".class_1 li.hover").attr("data-c1"),
                        cId:$(".class_2 li.hover").attr("data-c2")
                    },
                    success:function (res) {
                        console.log(res);
                        if(res.resStatus===1){
                            if(res.isMore){
                                $(".more").show();
                            }else{
                                $(".more").hide()
                            }
                            var scope_string="";
                            var price_string="";
                            var body_string="";
                            $.each(res.data.casusList,function (i,o) {
                                body_string+='  <div class="col-md-4 col-sm-6">' +
                                    '             <a href="anli_detial.html?caseId='+o.id+'">' +
                                    '                 <div class="anli_picture_wrap">' +
                                    '                     <div><img src="'+o.images+'" alt=""></div>' +
                                    '                     <div><img src="'+o.images+'" alt=""></div>' +
                                    '                     <div><img src="'+o.images+'" alt=""></div>' +
                                    '                     <p>'+o.title+'</p>' +
                                    '                 </div>' +
                                    '             </a>' +
                                    '         </div>';
                            });
                            $(".anli_content").empty().append(body_string);
                            $.each(res.data.scopeList,function (i,o) {
                                scope_string+='<li data-c3="'+o.id+'">'+o.title+'</li>';
                            });
                            $.each(res.data.priceList,function (i,o) {
                                price_string+='<li data-c4="'+o.id+'">'+o.title+'</li>';
                            });
                            $(".class_3>ul").empty().append(scope_string);
                            $(".class_4>ul").empty().append(price_string);
                            $(".class_3>ul>li:first").addClass("hover");
                            $(".class_4>ul>li:first").addClass("hover");
                        }else{
                            $(".anli_content").empty().append("暂无案例");
                        }
                    }
                });
            });
            $(".class_2").on("click","li",function () {
                $(".class_2 li").removeClass("hover");
                $(this).addClass("hover");
                that.data.class3_ID="";
                that.data.class4_ID="";
                that.data.page_number=1;
                //案例请求
                JsonP({
                    url:guanwangID+"index.php?s=home/Casus/listCasusQuery",
                    data:{
                        nId:$(".class_1 li.hover").attr("data-c1"),
                        cId:$(".class_2 li.hover").attr("data-c2")
                    },
                    success:function (res) {

                        console.log(res);
                        if(res.resStatus===1){
                            if(res.isMore){
                                $(".more").show();
                            }else{
                                $(".more").hide()
                            }
                            var scope_string="";
                            var price_string="";
                            var body_string="";
                            $.each(res.data.casusList,function (i,o) {
                                body_string+='  <div class="col-md-4 col-sm-6">' +
                                    '             <a href="anli_detial.html?caseId='+o.id+'">' +
                                    '                 <div class="anli_picture_wrap">' +
                                    '                     <div><img src="'+o.images+'" alt=""></div>' +
                                    '                     <div><img src="'+o.images+'" alt=""></div>' +
                                    '                     <div><img src="'+o.images+'" alt=""></div>' +
                                    '                     <p>'+o.title+'</p>' +
                                    '                 </div>' +
                                    '             </a>' +
                                    '         </div>';
                            });
                            $(".anli_content").empty().append(body_string);
                            $.each(res.data.scopeList,function (i,o) {
                                scope_string+='<li data-c3="'+o.id+'">'+o.title+'</li>';
                            });
                            $.each(res.data.priceList,function (i,o) {
                                price_string+='<li data-c4="'+o.id+'">'+o.title+'</li>';
                            });
                            $(".class_3>ul").empty().append(scope_string);
                            $(".class_4>ul").empty().append(price_string);
                            $(".class_3>ul>li:first").addClass("hover");
                            $(".class_4>ul>li:first").addClass("hover");
                        }else{
                            $(".anli_content").empty().append("暂无案例");
                        }
                    }
                });
            });
            $(".class_3").on("click","li",function () {
               that.data.class3_ID=$(this).attr("data-c3");
                that.data.page_number=1;
                $(".class_3 li").removeClass("hover");
                $(this).addClass("hover");
                //案例请求
                JsonP({
                    url:guanwangID+"index.php?s=home/Casus/listCasusQuery",
                    data:{
                        nId:$(".class_1 li.hover").attr("data-c1"),
                        cId:$(".class_2 li.hover").attr("data-c2"),
                        sId: $(".class_3 li.hover").attr("data-c3")
                    },
                    success:function (res) {
                        console.log(res);
                        if(res.resStatus===1){
                            if(res.isMore){
                                $(".more").show();
                            }else{
                                $(".more").hide()
                            }
                            var price_string="";
                            var body_string="";
                            $.each(res.data.casusList,function (i,o) {
                                body_string+='  <div class="col-md-4 col-sm-6">' +
                                    '             <a href="anli_detial.html?caseId='+o.id+'">' +
                                    '                 <div class="anli_picture_wrap">' +
                                    '                     <div><img src="'+o.images+'" alt=""></div>' +
                                    '                     <div><img src="'+o.images+'" alt=""></div>' +
                                    '                     <div><img src="'+o.images+'" alt=""></div>' +
                                    '                     <p>'+o.title+'</p>' +
                                    '                 </div>' +
                                    '             </a>' +
                                    '         </div>';
                            });
                            $(".anli_content").empty().append(body_string);
                            $.each(res.data.priceList,function (i,o) {
                                price_string+='<li data-c4="'+o.id+'">'+o.title+'</li>';
                            });
                            $(".class_4>ul").empty().append(price_string);
                            $(".class_3>ul>li[data-c3='"+that.data.class3_ID+"']").addClass("hover");
                            $(".class_4>ul>li:first").addClass("hover");
                        }else{
                            $(".anli_content").empty().append("暂无案例");
                        }
                    }
                });
            });
            $(".class_4").on("click","li",function () {
                that.data.class4_ID=$(this).attr("data-c4");
                that.data.page_number=1;
                $(".class_4 li").removeClass("hover");
                $(this).addClass("hover");
                //案例请求
                JsonP({
                    url:guanwangID+"index.php?s=home/Casus/listCasusQuery",
                    data:{
                        nId:$(".class_1 li.hover").attr("data-c1"),
                        cId:$(".class_2 li.hover").attr("data-c2"),
                        sId: $(".class_3 li.hover").attr("data-c3"),
                        pId:$(".class_4 li.hover").attr("data-c4")
                    },
                    success:function (res) {
                        console.log(res);
                        if(res.resStatus===1){
                            if(res.isMore){
                                $(".more").show();
                            }else{
                                $(".more").hide()
                            }
                            var body_string="";
                            $.each(res.data.casusList,function (i,o) {
                                body_string+='  <div class="col-md-4 col-sm-6">' +
                                    '             <a href="anli_detial.html?caseId='+o.id+'">' +
                                    '                 <div class="anli_picture_wrap">' +
                                    '                     <div><img src="'+o.images+'" alt=""></div>' +
                                    '                     <div><img src="'+o.images+'" alt=""></div>' +
                                    '                     <div><img src="'+o.images+'" alt=""></div>' +
                                    '                     <p>'+o.title+'</p>' +
                                    '                 </div>' +
                                    '             </a>' +
                                    '         </div>';
                            });
                            $(".anli_content").empty().append(body_string);
                            $(".class_3>ul>li[data-c3='"+that.data.class3_ID+"']").addClass("hover");
                            $(".class_4>ul>li[data-c4='"+that.data.class4_ID+"']").addClass("hover");
                        }else{
                            $(".anli_content").empty().append("暂无案例");
                        }
                    }
                });
            });
            $(".more").bind("click",function () {
                //案例请求
                JsonP({
                    url:guanwangID+"index.php?s=home/Casus/listCasusQuery",
                    data:{
                        nId:$(".class_1 li.hover").attr("data-c1"),
                        cId:$(".class_2 li.hover").attr("data-c2"),
                        sId: $(".class_3 li.hover").attr("data-c3"),
                        pId:$(".class_4 li.hover").attr("data-c4"),
                        page:++that.data.page_number
                    },
                    success:function (res) {
                        console.log(res);
                        if(res.resStatus===1){
                            if(res.isMore){
                                $(".more").show();
                            }else{
                                $(".more").hide()
                            }
                            var body_string="";
                            $.each(res.data.casusList,function (i,o) {
                                body_string+='  <div class="col-md-4 col-sm-6">' +
                                    '             <a href="anli_detial.html?caseId='+o.id+'">' +
                                    '                 <div class="anli_picture_wrap">' +
                                    '                     <div><img src="'+o.images+'" alt=""></div>' +
                                    '                     <div><img src="'+o.images+'" alt=""></div>' +
                                    '                     <div><img src="'+o.images+'" alt=""></div>' +
                                    '                     <p>'+o.title+'</p>' +
                                    '                 </div>' +
                                    '             </a>' +
                                    '         </div>';
                            });
                            $(".anli_content").append(body_string);
                        }
                    }
                });
            });
        },
        init:function () {
            var that=this;
            that.event();
            // 一二级分类请求
            JsonP({
                url:guanwangID+"index.php?s=home/Casus/cateSerachList",
                data:{
                },
                success:function (res) {
                    console.log(res);
                    if(res.resStatus===1){
                       that.data.class_data=res.data;
                       var class1=0;
                       var class2=0;
                       var c1_text=location.href.match(/class1Id=(\d+)/);
                       var c2_text=location.href.match(/class2Id=(\d+)/);
                        c1_text&&c1_text[1]&&(class1=c1_text[1]);
                        c2_text&&c2_text[1]&&(class2=c2_text[1]);
                        var class1_string="";
                        var class2_string="";
                        var hasclass2=false;
                       $.each(that.data.class_data,function (i,o) {
                         class1_string+='<li data-c1="'+o.id+'" class="'+(o.id==class1?"hover":"")+'">'+o.title+'</li>';
                         if(class1==o.id){
                             hasclass2=true;
                             $.each(o.cate_by_list,function (i,o) {
                                 class2_string+='<li data-c2="'+o.casusId+'" class="'+(o.casusId==class2?"hover":"")+'">'+o.casusTitle+'</li>';
                             });
                         }
                       });
                       if( hasclass2===false){
                           $.each(that.data.class_data[0].cate_by_list,function (i,o) {
                               class2_string+='<li data-c2="'+o.casusId+'">'+o.casusTitle+'</li>';
                           });
                       }
                     $(".class_1>ul").empty().append(class1_string);
                        $(".class_1>ul>li.hover").length<1&& $(".class_1>ul>li:first").addClass("hover");
                     $(".class_2>ul").empty().append(class2_string);
                        $(".class_2>ul>li.hover").length<1&& $(".class_2>ul>li:first").addClass("hover");

                        //案例请求
                        JsonP({
                            url:guanwangID+"index.php?s=home/Casus/listCasusQuery",
                            data:{
                                nId:$(".class_1 li.hover").attr("data-c1"),
                                cId:$(".class_2 li.hover").attr("data-c2"),
                                sId: $(".class_3 li.hover").attr("data-c3"),
                                pId:$(".class_4 li.hover").attr("data-c4")
                            },
                            success:function (res) {
                                console.log(res);
                                if(res.resStatus===1){
                                    if(res.isMore){
                                        $(".more").show();
                                    }else{
                                        $(".more").hide()
                                    }
                                    var scope_string="";
                                    var price_string="";
                                    var body_string="";
                                    $.each(res.data.casusList,function (i,o) {
                                        body_string+='  <div class="col-md-4 col-sm-6">' +
                                            '             <a href="anli_detial.html?caseId='+o.id+'">' +
                                            '                 <div class="anli_picture_wrap">' +
                                            '                     <div><img src="'+o.images+'" alt=""></div>' +
                                            '                     <div><img src="'+o.images+'" alt=""></div>' +
                                            '                     <div><img src="'+o.images+'" alt=""></div>' +
                                            '                     <p>'+o.title+'</p>' +
                                            '                 </div>' +
                                            '             </a>' +
                                            '         </div>';
                                    });
                                    $(".anli_content").empty().append(body_string);
                                    $.each(res.data.scopeList,function (i,o) {
                                        scope_string+='<li data-c3="'+o.id+'">'+o.title+'</li>';
                                    });
                                    $.each(res.data.priceList,function (i,o) {
                                        price_string+='<li data-c4="'+o.id+'">'+o.title+'</li>';
                                    });
                                    $(".class_3>ul").empty().append(scope_string);
                                    $(".class_4>ul").empty().append(price_string);
                                    $(".class_3>ul>li:first").addClass("hover");
                                    $(".class_4>ul>li:first").addClass("hover");
                                }else{
                                    $(".anli_content").empty().append("暂无案例");
                                }
                            }
                        });
                    }
                }
            });


        }
    };

    guanwang.init();
});